/*重置样式*/
*{font-family: Arial,"Microsoft YaHei","宋体",tahoma,Arial,Lucida,Verdana,Helvetica,sans-serif;word-break: break-all;}
a:hover{text-decoration: none;color: #c81623;}
#main{margin: 0;padding: 0;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.inputWrap{position: relative;}
.inputWrap .arrow{}
.fl{float: left;}
.fr{float: right;}
.none{display: none;}


/*焦点图幻灯片*/
.modeFocus{height: 400px;margin-bottom: 30px;}
.indexSlider{position: relative; width:730px; height:390px; overflow: hidden; float:left; display:inline;margin-left: 220px;padding-top: 10px;}
.indexSlider .sliderBox{position: relative; width:710px; height:391px; overflow: hidden; float:left; display:inline;} 
.indexSlider .pic img{width:730px;height:390px;display: block;}
.indexSlider .hd{position: absolute;bottom: 10px;right: 0;left:0;z-index: 10;height: 18px;}
.indexSlider .hd ul{text-align: center;}
.indexSlider .hd li{background: #3e3e3e;border-radius: 50%;color: #fff;cursor: pointer;margin: 0 2px;overflow: hidden;text-align: center;display: inline-block;height: 18px;line-height: 18px;width: 18px;}
.indexSlider .hd li.on{background: #b61b1f;color: #fff;}
.indexSlider a:hover{text-decoration: none;}
.indexSlider .prev,
.indexSlider .next{display: none;background: rgba(0, 0, 0, 0.2);color: #fff;font-family: simsun;font-size: 22px;font-weight: 400;height: 62px;line-height: 62px;margin-top: -31px;position: absolute;text-align: center;top: 50%;width: 28px;z-index: 1;cursor: pointer;}
.indexSlider .prev{left:0;}
.indexSlider .next{right:0;}
.indexSlider:hover .prev,
.indexSlider:hover .next{display: block;}
/*焦点图右边*/
.rightbox {float: left;height: 400px;position: relative;width: 238px;margin-left: 10px;padding-top: 10px;}
/*网站公告*/
.notice {background: #fff;height: 201px;width: 238px;border: 1px solid #e4e4e4;padding-bottom: 10px;}
.notice dl{}
.notice dt{padding: 0 15px;font-size: 14px;border-bottom: 1px dotted #e8e8e7;height: 32px;line-height: 32px;}
.notice dt span{float: right;font-size: 12px;}
.notice dt span a{color: #666;}
.notice dd{line-height: 18px;padding: 10px 16px 0;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*右侧广告*/
.adv{width: 240px;height: 177px;}
.adv li{width: 240px;height: 177px;}
.adv li img{width: 240px;height: 177px;}

/*频道样式*/
.channel{margin-bottom: 30px;height: 545px;position: relative;}
.channel .title{height: 40px; line-height: 40px; font-size: 20px;position: absolute;left: 0;top: 0;}
.channel .title span{background: url(../style/f.png) no-repeat 0 0;display: block;width: 31px;height: 25px;text-align: left;text-indent: 3px;line-height: 31px;font-size: 12px;color: #fff;float: left;margin-right: 10px;margin-top: 5px;}
.channel .more{border: 0 none;height: auto;line-height: initial;position: absolute;right: 0;top: 18px;z-index: 3;}
.channel .more a{color: #C81623;}
.channel .hd{height: 40px;line-height: 40px;z-index: 3;position: absolute;right: 0px;top: 0;}
.channel .hd li{float: left;text-align: center;width: 110px;height: 40px;border: 1px solid #e5e5e5;border-width: 1px 1px 0 0;font-size: 14px;box-sizing: border-box;cursor: pointer;padding-left: 1px;}
.channel .hd li:first-child{border-width: 1px 1px 0 1px;}
.channel .hd li.on{background: #fff;border-color: #c81623 #c81623 #e5e5e5;border-width: 3px 1px 0;color: #c81623;height: 41px;line-height: 36px;z-index: 3;padding-left: 0;}
.channel .hd li.on a{color: #c81623;}
.channel .bd{border:1px solid #e5e5e5;border-top: 1px solid #c81623;/* float: left; */width: 100%;height: 494px;z-index: 2;top: 40px;position: relative;box-sizing: border-box;}
.channel .bd .boxOne{width: 330px;border-right: 1px solid #e5e5e5;height: 493px;float: left;}
.channel .bd .boxOne .upper{background: #FBE3F8;padding: 15px 0 0 15px;height: 123px;overflow: hidden;}
.channel .bd .boxOne .h_destination{}
.channel .bd .boxOne .sbd{color: #999;line-height: 24px;}
.channel .bd .boxOne .sbd a{color: #999;}
.channel .bd .boxOne .sbd span{background: #fff;border: 1px solid #ddd;display: inline-block;float: left;height: 24px;margin: 0 15px 15px 0;overflow: hidden;padding: 0 5px;text-align: center;width: 51px;}
.channel .bd .boxOne .sbd span:hover{cursor: pointer;border-color: #ccc;}
.channel .bd .boxOne .sbd span.hot{color: #c81623;}
.channel .bd .boxOne .below{background: #F7C7F1;}
.channel .bd .boxOne .below,
.channel .bd .boxOne .below img{width: 330px;height: 354px;}
.channel .bd .boxThree{width: 857px;height: 482px;float: left;padding:10px 0 0 10px;}
.channel .bd .boxThree ul{display: none;}
.channel .bd .boxThree li{height: 241px; float: left;width: 214px;padding:0 10px 10px 0;box-sizing: border-box;}
.channel .bd .boxThree li .img{height: 161px;overflow: hidden;}
.channel .bd .boxThree li .img img{width: 100%;height: 100%;}
.channel .bd .boxThree li .img img{-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;vertical-align: top;}
.channel .bd .boxThree li:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
.channel .bd .boxThree li .stitle{}
.channel .bd .boxThree li .stitle h2{font-size: 14px;height: 42px; overflow: hidden;}
.channel .bd .boxThree li .stitle p{color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;min-height: 18px;}
.channel .bd .boxThree li .stitle p.add{background: url(../images/index1/ico.png) no-repeat -92px 0;padding-left: 20px;}
.channel .bd .boxThree li .price{height: 28px; line-height: 28px; text-align: right;} 
.channel .bd .boxThree li .price .type{color: #a9cd41; padding: 0 5px; border-right: 1px solid #e5e5e5; margin-right: 5px;}
.channel .bd .boxThree li .price .type.t1{color:#a9cd41;}
.channel .bd .boxThree li .price .type.t2{color:#9bb8df;}
.channel .bd .boxThree li .price .type.t3{color:#f9af43;}
.channel .bd .boxThree li .price .type.t4{color:#df1078;}
.channel .bd .boxThree li .price .rate{color: #ff5405;}
.channel .bd .boxThree li .price .rate em{font-size: 20px;}
.channel .bd .boxThree li .star{line-height: 20px; height: 15px;width: 72px; margin-right: 5px; display: inline-block;}
.channel .bd .boxThree li .star img{vertical-align: top;}
.channel.scenery .bd .boxThree li .stitle p{color: #ff5405;}
.channel.scenery .bd .boxThree li .price .type{color: #999;}
.moreServices .channel{height: auto;}

/*猜你喜欢*/
.guessyou{height: 305px;overflow: hidden;margin-bottom: 30px;position: relative;}
.guessyou .title{height: 40px; line-height: 40px; font-size: 20px;position: absolute;left: 0;top: 0;}
.guessyou .title span{background: url(../style/f.png) no-repeat 0 0;display: block;width: 31px;height: 25px;text-align: left;text-indent: 3px;line-height: 31px;font-size: 12px;color: #fff;float: left;margin-right: 10px;margin-top: 5px;}
.guessyou .spacer{position:relative;height:1px;line-height:0;font-size:0;top: 41px;z-index: 10;}
.guessyou .spacer i{width:365px;height:5px;overflow:hidden;position:absolute;right:0px;top:-2px;background:#b72323 url(../style/guessyou.png) no-repeat 0 -45px;}
@-webkit-keyframes guess-slide{0%{right:100%;opacity:.3}
100%{right:0;opacity:1}}@-moz-keyframes guess-slide{0%{right:100%;opacity:.3}
100%{right:0;opacity:1}}@keyframes guess-slide{0%{right:100%;opacity:.3}
100%{right:0;opacity:1}}
.guessyou:hover .spacer i{-webkit-animation:guess-slide 1s .5s;-moz-animation:guess-slide 1s .5s;animation:guess-slide 1s .5s}
.guessyou .title{background: url(../style/guessyou.png) no-repeat 85px 13px;padding-right: 228px;}
.guessyou .num{border: 0 none;height: auto;line-height: initial;position: absolute;right: 0;top: 18px;z-index: 3;}
.guessyou .num li{display:block;float:left;margin:0 0 0 5px;width:12px;height:12px;cursor:pointer;border-radius:50%;text-indent:-999em;cursor:pointer;box-shadow:inset 0 0 0 2px #fff;-webkit-transition:box-shadow 0.3s ease;transition:box-shadow 0.3s ease;background-color:#c81623;}
.guessyou .num li:hover,.guessyou .num li:focus{box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6)}
.guessyou .num li.on{box-shadow:inset 0 0 0 8px #c81623;}
.guessyou .bd{border:1px solid #e5e5e5;border-top: 1px solid #d1d1d1;width: 100%;height: 494px;z-index: 2;top: 40px;position: relative;box-sizing: border-box;height: 257px;}
.guessyou .bd .item{overflow: hidden;padding: 12px 0 0 12px;height: 243px;}
.guessyou .bd li{float: left;overflow: hidden;padding: 0 12px 12px 0;width: 225px;}
.guessyou .bd li dt{margin-bottom: 10px;text-align: center;width: 225px;height: 169px;overflow:hidden;}
.guessyou .bd li dt img{width: 225px;height: 169px;-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;vertical-align: top;}
.guessyou .bd li:hover dt img{transform: scale(1.1);}
.guessyou .bd li .info{padding:0;}
.guessyou .bd li .info .name{height: 18px;margin-bottom: 10px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.guessyou .bd li .info .price{color: #c81623;font-size: 16px;font-weight: bold;text-align: center;}
.guessyou .bd li .info .price i{font-size: 14px;}

/*周边游*/
.around{}
.around .bd .boxOne .below{background: #B8BDDD;}
.around .bd .boxOne .upper{background: #EAEBF5;}
/*国内游*/
.domestic{}
.domestic .bd .boxOne .below{background: #F7C7F1;}
.domestic .bd .boxOne .upper{background: #FBE3F8;}
/*出境游*/
.abroad{}
.abroad .bd .boxOne .below{background: #AAD9D1;}
.abroad .bd .boxOne .upper{background: #D5ECE8;}

/*酒+景*/
.hotel{}
.hotel .bdBox{height: 534px;overflow: hidden;}
.hotel .bd .boxThree li .price .type{color: #999;}

/*左右两部分*/
.column{width: 48.4%; overflow: hidden;height: 279px;position: relative;}
.column .bd{width: 100%;height: 253px;border-width: 1px 0 0;}
.columnTab{}
.columnTab .chd{margin-top: 10px; margin-left: -1px; overflow: hidden; width: 100%; margin-bottom: 20px; height: 30px; line-height: 30px; font-size: 14px; color: #999;}
.columnTab .chd dd{float: left; margin-left: -1px; cursor: pointer; text-align: left;}
.columnTab .chd dd a{padding: 0px 20px; border-left: 1px solid #ecebeb; color: #999999;}
.columnTab .chd dd:first-child a{padding-left: 2px;}
.columnTab .chd dd.on a{color: #333; font-weight: bold;}
.columnTab .cbd{}

/*特价机票*/
.flightList{}
.flightList .cbd dd.each{width: 47.8%; height: 80px; display: block; float: left; margin-right: 2.5%; margin-bottom: 14px; border: 1px solid #ecebeb; color: #333; position: relative;}
.flightList .cbd dd.each:hover{background-color: #fff8ef;}
.flightList .cbd dd.each:nth-child(even){margin-right: 0;}
.flightList .cbd dd.each .icon-yelbg {position: absolute; color: #333; top: 10px; right: -7px; font-size: 14px; line-height: 20px; text-align: center; cursor: pointer;}
.flightList .cbd dd.each .line {margin: 9px 54px 0 14px; display: block; line-height: 31px; font-size: 18px; height: 31px; overflow: hidden; cursor: pointer;}
.flightList .cbd dd.each .def {display: block; margin: 0 14px; line-height: 36px; color: #333; font-size: 14px;}
.flightList .cbd dd.each .def .price {float: right; color: #fc5a3f; font-size: 12px; font-family: "Microsoft yahei"; cursor: pointer;}
.flightList .cbd dd.each .def .price .num {font-size: 20px; padding-right: 2px; -webkit-font-smoothing: auto; cursor: pointer;}
.flightList .cbd dd.each .def .date {color: #666666;}
.flightList .icon-yelbg {display: block; width: 59px; height: 28px; color: #fff; background: url(../style/labelIcon.png) no-repeat 0 0;}
/*Loading动画*/
.flightList .loading{margin: 0 auto;padding: 45px 0;width: 50px;height: 60px;text-align: center;font-size: 10px;}
.flightList .loading > div{background-color: #ccc;height: 100%;width: 6px;display: inline-block;margin: 0 1px;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.flightList .loading .rect2{-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.flightList .loading .rect3{-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.flightList .loading .rect4{-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.flightList .loading .rect5{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay{0%, 40%, 100%{-webkit-transform: scaleY(0.4)}
20%{-webkit-transform: scaleY(1.0)}}
@keyframes stretchdelay{0%, 40%, 100%{transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}
20%{transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}}

/*热门签证*/
.visa li.each{width: 260px; height: 60px; display: block; float: left; margin-right: 60px; color: #333;margin-top: 19px;}
.visa li.each:nth-child(even){margin-right: 0;}
.visa li.each img {display: block; float: left; margin-right: 13px; margin-top: 6px;width: 75px;height: 53px;}
.visa li.each .line {display: block; height: 26px; overflow: hidden; line-height: 26px; font-size: 14px; cursor: pointer;}
.visa li.each .def {display: block; line-height: 32px; color: #333; font-size: 14px;}
.visa li.each .price {float: right; color: #fc5a3f; font-size: 12px!important; font-family: "Microsoft yahei"; cursor: pointer; height: auto!important; line-height: 34px!important;}
.visa li.each .price .num {font-size: 20px; padding-right: 2px; -webkit-font-smoothing: auto; cursor: pointer;}

/*特惠团购*/
.tuan{height: 289px;}
.tuan .cbd dd.each{width: 183px; height: 182px; margin-right: 12px; float: left; border: 1px solid #ecebeb; padding-top: 4px;}
.tuan .cbd dd.each:hover{border-color: #f60;}
.tuan .cbd dd.each:last-child{margin-right: 0;}
.tuan .cbd dd.each img {display: block; width: 174px; height: 116px; margin: 0 auto;}
.tuan .cbd dd.each .aoyou-name {display: block; margin: 4px 16px 0 11px; height: 28px; overflow: hidden; line-height: 28px; font-size: 14px;}
.tuan .cbd dd.each .def {display: block; margin: 0 14px; line-height: 30px; color: #333; font-size: 14px;}
.tuan .cbd dd.each .def span{font-size: 12px;color: #999;}
.tuan .cbd dd.each .def .price {float: right;;display: block; text-align: right; color: #fc5a3f; font-size: 12px; font-family: "Microsoft yahei";}
.tuan .cbd dd.each .def .price .num {font-size: 20px; padding-right: 2px; -webkit-font-smoothing: auto;}

/*礼品兑换*/
.gift{height: 289px;}
.gift .cbd dd.each{padding-left: 8px; position: relative; overflow: hidden; height: 39px; line-height: 39px; display: block; color: #333;width: 99%;border: 0;margin-bottom: 0;margin-right: 0;float: none;}
.gift .cbd dd.each img{display: none;}
.gift .cbd dd.each .name {float: left; width: 440px; display: block; font-size: 14px;}
.gift .cbd dd.each .price {height: 96px; display: block; float: right; color: #fc5a3f; font-size: 12px; line-height: 39px; padding-right: 4px; font-family: "Microsoft yahei"; cursor: pointer;}
.gift .cbd dd.each .price .num {float: right; font-size: 20px; margin-right: 4px; -webkit-font-smoothing: auto; cursor: pointer;}
.gift .cbd dd.each .price span {float: left; display: block;}
.gift .cbd dd.each_hover {margin-bottom: 18px; height: 96px; border: 1px solid #ecebeb; padding-left: 0;}
.gift .cbd dd.each_hover img{display: block!important;float: left;width: 145px;height: 96px;}
.gift .cbd dd.each_hover .name {display: block; width: 257px; height: 44px; overflow: hidden; margin: 26px 0 0 24px; float: left; _margin-left: 12px; line-height: 22px; font-size: 14px; cursor: pointer;}
.gift .cbd dd.each_hover .price {line-height: 96px; color: #fc5a3f; float: right; margin-right: 4px;}
.gift .cbd dd.each_hover .price .num {font-size: 20px; margin-right: 4px; -webkit-font-smoothing: auto; cursor: pointer;}

/*游记攻略*/
.travels{height: 376px;}
.travels .bd{height: 336px;border-width: 1px 0 0;}
.travels .bd li{position: absolute;margin: 0;}
.travels .bd li .def{line-height: 27px; height: 27px; width: 100%; display: block; overflow: hidden; text-indent: 12px; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; color: #fff;}
.travels .bd li .bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background-color: #000; filter: alpha(Opacity=30); -moz-opacity: .3; opacity: .3;}
.travels .bd .hover li .bg{display: block;}
.travels .bd .hover li.on .bg{display: none;}
.travels .bd li img{width: 100%;height: 100%;}
.travels .bd li.t1{top: 20px; left: 0px; width: 320px; height: 315px;}
.travels .bd li.t2{top: 20px;left: 326px;width: 270px; height: 155px;}
.travels .bd li.t3{top: 180px;left: 326px;width: 270px; height: 155px;}
.travels .bd li.t4{top: 20px;right: 277px; width: 320px; height: 315px;}
.travels .bd li.t5{top: 20px;right: 0;width: 270px; height: 155px;}
.travels .bd li.t6{top: 180px;right: 0;width: 270px; height: 155px;}

/*左侧漂浮导航*/
.leftNav{display: none;font-size: 12px;left: 50%;margin-left: -640px;position: fixed;top: 75px;}
.leftNav .leftNavBox{width: 30px;}
.leftNav .leftNavBox li{cursor: pointer;height: 28px;line-height: 28px;position: relative;text-align: center;width: 30px;overflow: hidden;}
.leftNav .leftNavBox li:hover{background: #c81623;color:#fff;text-indent: initial;}
.leftNav .leftNavBox li.on{background: none;color:#c81623;text-indent: initial;}
.leftNav .leftNavBox li.on:hover{background: none;color:#c81623;text-indent: initial;}
.leftNav .leftNavBox li h3{border-bottom: 1px dotted #e0e0e0;font-weight: 400;margin: 0 auto;width: 24px;height: 27px;}
.leftNav .leftNavBox li.last h3,
.leftNav .leftNavBox li:hover h3{border-bottom:0 none;}











